<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>个人中心</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../static/css/style.min.css" rel="stylesheet">
    <script type="text/javascript" src="../static/js/jquery.min.js"></script>
    <link rel="stylesheet" href="../static/css/personal-index.css"/>
	<link rel="stylesheet" href="../static/css/table.css"/>
</head>

<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="index.html"><img src="../static/images/logo-sidebar.png" title="LightYear" alt="LightYear"/></a>
            </div>
            <div class="lyear-layout-sidebar-scroll">

                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                         <li class="nav-item active">
                            <a href="park_info.html"><i class="mdi mdi-parking"></i> 车位信息</a>                            
                        </li>  
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-account"></i> 个人信息</a>  
                            <ul class="nav nav-subnav">
                                <li><a href="info_edit.html">编辑资料</a></li>
                                <li><a href="pwd_update.html">修改密码</a></li>
                            </ul>
                        </li>                                                                   
                    </ul>
                </nav>

                <div class="sidebar-footer">
                    <p class="copyright">Copyright &copy; 2020. Group 14 All rights reserved.</p>
                </div>
            </div>

        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">

            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> 个人中心</span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <img class="img-avatar img-avatar-48 m-r-10" src="../static/images/users/logo2.jpeg" alt="用户头像"/>
                                <span id="admin">用户手机号<span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="parkingDemo.html"><i class="mdi mdi-delete"></i> 返回主页</a></li>
                                <li class="divider"></li>
                                <li><a href="login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>*车位信息</h4>
                            </div>
                            <div class="card-body">
                                <div class="list-main">
									<div class="container">
										<ul class="select">
											<li class="select-result">
												<dl>
													<dt style="margin-top: 7px;">筛选条件：</dt>
													<dd class="select-no">
														<form action="" method="post" id="findP">
															<select name="status" onchange="resetPage();search(this.selectedIndex);" class="form-control">
																<option value="-1">全部</option>
																<option value="0">空闲</option>
																<option value="1">已占用</option>
															</select>
														</form>
													</dd>
												</dl>
											</li>
										</ul>
                                        <div id="parking">
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位1</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw2.png" alt="浙K12345"  title="浙K12345" style="cursor: pointer;"/>
                                                    </dt>
                                                    <dd>
                                                        <p>车位2</p>
                                                        <p style="color: red;">已占用</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw2.png" alt="浙A34567"  title="浙K34567" style="cursor: pointer;"/>
                                                    </dt>
                                                    <dd>
                                                        <p>车位3</p>
                                                        <p style="color: red;">已占用</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位4</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位5</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位6</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位7</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位8</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位9</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位10</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位11</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="tabs book clearfix">
                                                <dl>
                                                    <dt>
                                                        <a><img src="../static/images/cw.png" alt="空闲" title="空闲" style="cursor: pointer;"/></a>
                                                    </dt>
                                                    <dd>
                                                        <p>车位12</p>
                                                        <p style="color: blue;">空闲</p>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
									</div>
									<div id="info-pagemodel">
	                                    <button type="button" onclick="miss(this)" class="btn btn-default">首页</button>
	                                    <button type="button" onclick="miss(this)" class="btn btn-default">上一页</button>
	                                    <button type="button" onclick="miss(this)" class="btn btn-default">下一页</button>
	                                    <button type="button" onclick="miss(this)" class="btn btn-default">尾页</button>
	                                    <label id="info-showpage">当前第1页/共1页</label>
	                                </div>
								</div>

                            </div>
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>

<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="../static/js/main.min.js"></script>
<script src="../static/js/park_info.js"></script>

</body>
</html>